
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
	<title>Counterpart | UnderConstruction Template</title>
	
<link rel="stylesheet" type="text/css" media="all" href="static/content/themes/Counterpart/style.css" />
	<link rel="stylesheet" href="static/content/themes/Counterpart/css/reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="static/content/themes/Counterpart/css/960.css" type="text/css" media="screen">
	<link rel="stylesheet" href="static/content/themes/Counterpart/css/supersized.css" type="text/css" media="screen">

<script type='text/javascript' src='includes/js/jquery/jquery.js?ver=1.7.2'></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="static/content/themes/Counterpart/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="static/content/themes/Counterpart/js/jquery.countdown.js"></script>
	<script type="text/javascript" src="static/content/themes/Counterpart/js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="static/content/themes/Counterpart/js/supersized.3.2.7.min.js"></script>
	<script type="text/javascript" src="static/content/themes/Counterpart/js/main.js"></script>

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) { 
	$('div#countdown-timer').countdown("2013/12/16" , function(event) {
	var $this = $(this);
	switch(event.type) {
	case "seconds":
	case "minutes":
	case "hours":
	case "days":
	case "weeks":
	case "daysLeft":
	$this.find('span#'+event.type).html(event.value);
	break;
	case "finished":
	$this.hide();
	break;
	}
	});
	});
</script>

<script type="text/javascript">
	
jQuery(document).ready(function($) { 
		
	$.supersized({
				
	// Functionality
	slide_interval          :   3000,		// Length between transitions
	transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
	transition_speed		:	700,		// Speed of transition
											   
	// Components							
	slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
	slides 					:  	[			// Slideshow Images
										{image : 'static/content/themes/Counterpart/images/slide/1.jpg'},
										{image : 'static/content/themes/Counterpart/images/slide/2.jpg'},
										{image : 'static/content/themes/Counterpart/images/slide/3.jpg'}

	]
	});
	});
</script>

</head>
<body>

<!--TOPBAR START-->
<div id="droptop">
	<div class="topbar">
        <!-- Contact Section -->
        <div class="contact-block">
            <div class="container_12 ">
                <div class="grid_6">
                    <h1>Contact us</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Etiam semper ligula id quam scelerisque a hendrerit mauris vulputate.
                    </p>
                    <form action="" id="contact_form">
                        <fieldset>
                            <p><label for="name">Name:</label>
                                <input type="text" name="name" /></p>
                            <p><label for="email">Email:</label>
                                <input type="text" name="email"/></p>
                            <p><label for="message">Message:</label>
                                <textarea name="message" id="" cols="20" rows="6"></textarea></p>
                            <input type="submit" name="submit" value="submit" />
                        </fieldset>
                    </form>
                </div>
                <div class="grid_6 contact-details">
                    <span class="phone">+1800 123 456 78</span>
                    <span class="fax">+12 345 678</span>
                    <span class="email">Support@yourwebsite.com</span>
			  <!-- Map Placeholder -->
			  <iframe class="map-placeholder" width="100%" height="240" src="http://maps.google.com/maps?f=q&t=m&z=5&output=embed"  frameborder="0"></iframe>                </div>
		</div>
<div class="clear"></div>
	</div>
<!-- End of Contact Section -->
</div>
	<a href="#" class="topbar-btn"></a>
</div>
<!--TOPBAR END-->
<div id="cover">
<div class="topline"></div>
<!--Header Start-->
<div id="header">
	<div class="container_12">
		<!--Logo-->
		<div class="grid_3 logo"><a href="index.html">	<img src="static/content/themes/Counterpart/images/Logo.png" alt="Go to homepage"></a></div>
		<!--End Logo-->
		<!--social section-->
			<div class="grid_9 contact">
				<ul class="social-networks">
					<li class="icon-twitter"><a href="#">Twitter</a></li>
					<li class="icon-facebook"><a href="#">Facebook</a></li>
					<li class="icon-dribbble"><a href="#">Dribbble</a></li>
					<li class="icon-skype"><a href="#">Forrst</a></li>
					<li class="icon-forrst"><a href="#">Forrst</a></li>
					<li class="icon-rss"><a href="#">Rss</a></li>
					<li class="phone">+1800 123 456 78</li>
				</ul>
			</div><!-- //grid_8 -->
		<!--social section-->
	</div><!-- //container_12 -->
</div>
<!--Header End-->
<div class="clear"></div>
<!--Welcome Content Start-->
<div class="welcome-content">
	<div class="container_12">
		<div class="grid_12">
			<h3 class="welcome-title">天涯帖子 <span class="highlight">脱水版</span></h3>
			<br />
			<p>
              <table width=1000" border="5" align="center" cellpadding="20" cellspacing="20">
{%for ln in blis%}
 <tr>
<th align="left" scope="row">
<a href=view/{{ln[1]}}>{{ln[0].encode('utf8')}}</a></th>
  </tr>
{%endfor%}

</table></p>
		</div><!-- //grid_12 -->
	</div><!-- //container_12 -->
</div>
<!--Welcome Content End-->
<div class="clear"></div>
<!--BEGIN subscribe -->
<div id="subscribe">
	<div id="subscribes">
		<form method="post" action="">
		<input type="text" id="emailsub" name="email" value="Enter your Email Address" />
		<input type="submit" value="subscribe" id="submitButton" />
		</form>
	</div>
</div>
<!--END subscribe -->
<div class="clear"></div>
	<div class="container_12">
		<div id="countdown-timer">
			<div class="block"><span id="weeks"></span>WEEKS</div>
				<div class="space">&nbsp;</div>
			<div class="block"><span id="daysLeft"></span>DAYS</div>
				<div class="space">&nbsp;</div>
			<div class="block"><span id="hours"></span>HOURS</div>
				<div class="space">&nbsp;</div>
			<div class="block"><span id="minutes"></span>MINUTES</div>
				<div class="space">&nbsp;</div>
			<div class="block"><span id="seconds"></span>SECONDS</div>
		</div>
	</div><!-- //container_12 -->
<div class="clear"></div>
<!--Footer Copyright wrap Start-->
	<div id="footer-bottom">
		<div class="container_12 ">
			<div class="grid_12 copyright">
				<p>&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></a></p>
			</div>
	       </div><!-- //container_12 -->
	</div>
<!--Footer Copyright wrap End-->
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>